<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        html {font-size: 10px;}
        h1 {font-size:4rem;} 
        h2 {font-size:3rem;} 
        p {font-size:1.4rem;}
        li{list-style: none; text-indent: 2rem; padding: 0; margin: 10px 0;}
        .first{background: url("images/n01.gif") no-repeat;}
        .second{background: url("images/n02.gif") no-repeat;}
        .third{background: url("images/n03.gif") no-repeat;}

    </style>
</head>
<body>
    <ul>
        <li class="first">我和我的家乡</li>
        <li class="second">姜子牙</li>
        <li class="third">无极</li>
    </ul>
</body>
</html>